page {
    background: #f7f7f7;
}

.cont {
    background: #fff;

    >navigator {
        height: 150rpx;
        margin: 0 48rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 2rpx solid #e6e6e6;

        >view {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 150rpx;

            >view:nth-of-type(1) {
                display: flex;

                >view:nth-of-type(1) {
                    font-weight: bold;
                    font-size: 32rpx;
                    color: #333333;
                }

                >view:nth-of-type(2) {
                    padding-left: 30rpx;
                    font-size: 32rpx;
                    color: #00c693;
                }
            }

            >view:nth-of-type(2) {
                display: flex;
                margin-top: 20rpx;

                text {
                    margin-right: 20rpx;
                    font-size: 28rpx;
                    color: #666666;
                }
            }

        }

        image {
            width: 10rpx;
            height: 18rpx;
        }
    }

    >navigator:nth-of-type(1) {
        border-top: 0;
    }

}

.addPost {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 120rpx;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30rpx;
    box-sizing: border-box;

    >view {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 80rpx;
        background-color: #00c693;
        border-radius: 10rpx;
        font-size: 30rpx;
        color: #ffffff;
    }
}